@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
ul li{list-style:none;}
.h1, .h2, .h3, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#c7000a;}
.cor_yellow{ color:#f5fb47;}
.cor_blue{ color:#00eaff;}
.f22{ font-size:22px;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both;}
.shows{ display:block;}
.hides{ display:none;}
.f16{ font-size:16px;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none;  /* 阻止windows Phone 的默认触摸事件 */}
@font-face {
  font-family: "SourceHanSansCN-Heavy";
  src: url("SourceHanSansCN-Heavy.woff2") format("woff2"),
       url("SourceHanSansCN-Heavy.woff") format("woff"),
       url("SourceHanSansCN-Heavy.ttf") format("truetype"),
       url("SourceHanSansCN-Heavy.eot") format("embedded-opentype"),
       url("SourceHanSansCN-Heavy.svg") format("svg");
	   font-weight: normal;
	   font-style: normal;
}
body { 
	font-family:'微软雅黑';	
 	position: relative;
 	height: 100%; 
	*cursor: default; 
	color:#333333; 
	overflow-x:hidden;
}

@media(max-width:600px){
	.navbar{
		min-height:50px;
		margin-bottom:0;
		line-height:50px;
	}
	.logo img{
		height:52px;
		margin-left:10px;
	}
}
.phone-nav{
    display: none;
    position: absolute;z-index: 9;right: 0;top: 100%;
    width: 100%;
}
.phone-nav li{text-align: center;font-size: 14px;background: #191919;line-height: 46px;}
.phone-nav li .a1{display: block;color: #fff;}
.phone-nav li.ok .a1,
.phone-nav .head-btn{float: none;height: 26px;width: 90px;padding: 10px 0 10px;margin: 0 auto;}

.phone-nav dl{overflow: hidden;display: none;border-bottom: 1px solid #555;padding-bottom:10px;}
.phone-nav dl dd{width: 50%;float: left;padding:5px 0;}
.phone-nav dl dd a{display: block;color: #fff;}


.menuBtn{
    display: none;
    position: relative;z-index: 9;float: right;
    width: 26px;height: 26px;margin:14px 10px 0 0;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{
	display: block;height: 2px;background-color: #fff;
    margin: 6px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -4px;width: 26px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
@media only screen and (max-width: 1200px) {
    .menuBtn{
    	display: block;
    	margin:5%;
    }
    

}
@media only screen and (max-width: 1200px) {
    .nav{display: none;}
 }
.navbar-brand{
	padding:0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background:none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:none;
}
.navbar-default .navbar-toggle .icon-bar{
	background:#fff;
	cursor: pointer;
}
.logo{
	margin:47px 78px;
}
.linetable{
	position:relative;
	z-index:999;
}
.nav{
	margin-right:80px;
	margin-top:55px;
}
.nav li{
	margin:0 40px;
	height:38px;
	position:relative;
	overflow:hidden;

}

.nav li .aone{
	height:38px;
	line-height:34px;
	font-size:16px;	
	color:#e4e2e2!important;
	padding-top:0!important;
	padding-bottom:0!important;
	border:1px solid #fff;
	position:relative;
	-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;/* transition:0.5s ; */
	-webkit-transform:translateY(0);transform:translateY(0);opacity:1;
}
.nav li .aone:before{
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #fff;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.4s;
	  transition-duration: 0.4s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}
.nav li .aone:hover{
  color: #333!important;
}
.nav li .aone:hover:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.every{
	background:#191919;
}
.navbar-default{
	background:#191919;
	border-color:inherit;
	border:none;
}

.banner{
	width:90%;
	margin:0px auto;
	position:relative;
	/*height:800px;	
	background:url(../images/banner.jpg) center center no-repeat;
	background-size:cover;*/
}
.banner img{
	width:100%;
}
.anner{
	position:absolute;
	bottom:-3%;
	left:16.6%;
	max-width:1280px;
	margin:0 auto;
}
.anner span{
	display:block;
	font-size:46px;
	color:#fff;
}
.anner .doing{
	margin-left:50%;
}
.pagenav_all{
	position:absolute;
	right:20%;
	bottom:0;
}
.pagenav{
	width:660px;
	height:140px;
	text-align:center;
	position:relative;
}
.pagenav .n-btn,.appreciate .more{
	display:inline-block;
	color:#fff;
	width:60%;
	font-size:20px;
	height:55px;
	line-height:55px;
	border:1px solid #fff;
	position:relative;
	-webkit-transform:translateY(150px);transform:translateY(150px);opacity:0;/* transition:0.5s ; */
	-webkit-transform:translateY(0);transform:translateY(0);opacity:1;
}
.pagenav .n-btn:before,.appreciate .more:before{
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #fff;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.4s;
	  transition-duration: 0.4s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}
.pagenav .n-btn:hover,.appreciate .more:hover{
  color: #333;
}
.pagenav .n-btn:hover:before,.appreciate .more:hover:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.pagenav .n-btn i{
	font-size:16px;
	font-style:normal;
}
.pagenav .us-fl{
	position:absolute;
	left:0;
	width:40%;
}
.pagenav .us-fr{
	position:absolute;
	right:-10%;
	width:50%;
}
.cul-media{
	margin:1% 0;
}
.middle{
	display:inline-block;
	cursor:pointer;
	margin-top:-5%;
}
.middle .icon-mouse{
	display:block;
	width:64px;
	height:93px;
	background:url(../images/mouse-1.png) center center no-repeat;
}
.middle .icon-mouse:hover{
	background:url(../images/mouse-2.png) center center no-repeat;
}
.middle .icon-arrow{
	display:block;
	width:64px;
	height:31px;
	/*margin-top:20px;*/
	background:url(../images/arrow.png) center center no-repeat;
	background-size:76%;
	-webkit-animation: mouse-wheel 1.2s ease infinite;
}
.culture{
	width:100%;
	margin-top:5.2%;
}
.cul-img{
	margin-left:35.2%;
	margin-bottom:8%;
}


@-webkit-keyframes mouse-wheel {
    0% {
       margin-bottom:10px;
    }
    25% {
        margin-bottom:20px;
    }
    50% {
        margin-bottom:30px;
    }
    75% {
        margin-bottom:20px;
    }
    100% {
       margin-bottom:10px;
    }
}



/*=========经典案例=========*/
.navArea{
	position:relative;
}
.work-box{
	padding-top:30px;
	position: fixed;
	top:93px;
	left:0;
	width:100%;
	background:#191919;
	width:100%;
	margin:0 auto;
	height:100%;
	display:none;
}
.obox{
	max-width:1400px;
	margin:15% auto;
}
.obox span{
	display:inline-block;
}
.yb_hover:hover .work-box{
	display:block;
}
.pbuang{
	
	float:left;
}
.pbuang .pane{
	display:inline-block;	
	color:#fff;
	width:280px;
	height:280px;
	
}
.pbuang strong{
	display:block;
	font-size:20px;
	font-family:'Arial';
	font-weight:normal;
	color:#fff;
	margin:25px 0;
	text-align:center;
	
}
.pbuang .pane .maker{
	padding:30% 15%;
	width:280px;
	height:280px;
}
.market-spe{
	padding:22% 20%!important;
}
.market-spe p{
	
}
.pbuang .pane p{
	font-size:30px;
	text-align:center;
	line-height:40px;
	font-weight:normal;
}
.smefl{
	float:left;
}
.xhy,.xhx{
	height:300px;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.xhy .hompson{
	width:15px;
	height:15px;
	background:#ae0d15;
	border-radius:50%;
}
.xhx .curitiba{
	display:block;
	font-size:60px;
	color:#ae0d15;
}
.pbuang-1{
	width:20%;
}
.pbuang-11{
	width:29%;
	text-align:center;
}
.pbuang-2{
	width:6%;
}
.linewhite{
	position:relative;
	overflow:hidden;
	z-index:999;
}
.linewhite:before,.linewhite:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	width:100%;
	height:100%;
	background:transparent;
}
.linewhite:before{
	transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
}
.linewhite:after{
	transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	
}
.pane:hover .linewhite:before{
	transform:translate(101%, 0);
}
.pane:hover .linewhite:after{
	transform:translate(0, 101%);
}


.case-area{
	margin-top:10%;
}
.case-area ul li{
	width:33.33%;
	float:left;
	height:auto;
	position:relative;
}
.case-area ul li .caseImg{
	width:100%;
}
.isotope-hover{
	position:absolute;
	top:0;
	left:0;
	background:rgba(8,8,8,0.8);
	width:100%;
	height:100%;
	color:#fff;
	opacity: 0;
}
.detail{
	position:absolute;
	top:8%;
	right:6%;
	/*text-align:right;*/
}
.detail strong{
	display:block;
	font-size:15px;
	font-weight:normal;
	margin-bottom:5px;
}
.detail p{
	font-size:15px;
}
.isotope-hover .isotope{
	position:absolute;
	top:8%;
	left:8%;
}
.isotope-hover .isotope img{
	transition:all .2s ease;
}
.case-area ul li:hover .isotope img{
	-webkit-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-ms-transform:rotate(360deg); 
	-o-transform:rotate(360deg);
}
.case-area ul li:hover .isotope-hover,.national:hover .isotope-hover{
	opacity: 1;
}
.phone-nav dl{
	margin-bottom:0;
}
/*=========关于我们=========*/
.contact-area{
	margin-top:10%;
}
.bgz .just{
	margin-right:8%;
}
.aboutTit,.bgz,.aboutTit{
	text-align:right;
	margin-top:5%;
}
.aboutTit .zeImg,.bgz .zeImg,.aboutTit .zeImg{
	width:90%;
}
.tourist{
	max-width:40%;
	margin:8% auto 0;
}
.tourist p{
	line-height:46px;
	font-size:22px;
	color:#eeecec;
	font-weight:normal;
}
.yxy{
	margin:5% 0;
}
.yxy dd{
	margin:3% 0;
}
.yxy p{
	line-height:34px;
	font-size:20px;
	color:#d0cece;
	font-weight:normal;
}
.contact-jo{
	max-width:1280px;
	margin:0 auto 2%;
}
.resut{
	width:943px;
	margin:6% auto 0;
	
}
.honorBox{
	max-width:1280px;
	margin:5% auto;
}
.honor-list li{
	float:left;
}
.honor-list1 li{
	width:28%;
}
.honor-list2{
	margin-top:3%;
}
.honor-list2 li{
	width:33%;
}
/*=========联系我们=========*/
.mapBox{
	max-width:1280px;
	min-height:450px;
	margin:0 auto;
	background:#000;
	position:relative;
}
.map{
	position:absolute;
	bottom:-32%;
	left:-12%;
	width:600px;
	height:500px;
}
#dituContent{
	height:400px;
}
.join{
	position:absolute;
	top:77%;
	right:30%;	
	min-height:400px;
}
.s-kang{
	width:40px;
	height:40px;
	margin:8% auto;
	background:url(../images/sfang.png) center center no-repeat;
	position:relative;
}
.wheel {
    position: absolute;
    top: 15px;
    left: 10%;
    margin-left: -1.5px;
    height: 6px;
    width: 36px;
    display: block;
    background: #999;
    border-radius: 10px;
    background:url(../images/line.png) center center no-repeat;
    -webkit-animation: mouse-wheel 1.2s ease infinite;
    -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }
    50% {
        top: 2px;
    }
    100% {
        top: 3px;
    }
}
.join-more{
	position:absolute;
	top:60%;
	left:-62%;
	margin-top:20%!important;
}
.h90{
	height:300px;
}
.origin{
	padding:8%;
	color:#fff;
	float:right;
}
.origin p{
	line-height:36px;
	font-size:18px;
	color:#f9f7f7;
}
/*=========新闻动态=========*/
.newBox{
	max-width:1280px;
	margin:0 auto;
}
.app-left{
	width:initial!important;
	margin-top:5%!important;
	text-align:left!important;
}
.app-left a{
	text-align:center;
}
.asia{
	color:#fff;
}
.asia h3{
	font-size:28px;
	margin-bottom:30px;
}
.asia h3 a{
	color:#fff;
}
.asia p{
	line-height:34px;
	font-size:20px;
	color:#999;	
}
.newdl{
	margin:4% 0;
}
.zeol .newImg{
	display:inline-block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.zeol .newImg img{
	transition:all ease .8s;	
}
.newdl:hover img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}

.of{
	text-align:right;
	margin-right:15%;
}
.mo{
	margin-top:0;
}
.artBox{
	max-width:820px;
	margin:2.5% auto;
}
.artBox p{	
	color:#eeecec;
	font-size:22px;
	line-height:36px;
	margin:20px 0;
}
.value{
	max-width:1280px;
	margin:4% auto;
}
.appreciate{
	width:410px;
	margin:5% auto;
	text-align:center;
}
.appreciate a{
	font-size:16px;
	color:#fff;
}
.show-news{
	width:100%;
}
.show-news a{
	 width:40%!important;
}
.resut img{
	display:block;
	width:80%;
	margin:0 auto;
}
.aboutTit2 img,.aboutTit3 img{
	width:100%;
}
.hacm{
	margin-top:10%;
}
.hacm h3{
	text-align:center;
	font-size:26px;
	font-weight:normal;
	color:#dfdfdf;
}
.timearea{
	text-align:center;
	margin:3% 0;
}
.timearea span{
	display:inline-block;
	font-size:14px;
	color:#dfdfdf;
	margin:0 6px;
}
.hacm-p{
	padding-top:2%;
	border-top:1px solid #555;
}
.hacm-p p{
	color:#dfdfdf;
	font-size:16px;
	line-height:32px;
}

.responses{
	padding-right:0;
	padding-left:0;
}
.contact-jo .trug{
	margin:20px 0;
}














@media(max-width: 1700px){
  .logo{
  	margin:37px 30px;
  }
  .nav{
  	margin-right:30px;
  }
  .nav li{
  	margin:0 15px;
  }
  .map{
  	left:-4%;
  } 
}
@media(max-width: 1600px){
  .map{
  	left:-1%;
  } 
  .obox{
  	max-width:1200px;
  }
  .pbuang .pane{
  	width:220px;
  	height:220px;
  }
  .pbuang .pane .maker{
  	padding:25% 15%;
  }
  .pbuang .pane p{
  	font-size:24px;
  }
  .market-spe{
  	padding:12% 20%!important;
  }
}
@media(max-width: 1440px){
  .logo img{
  	width:450px;height:60px;
  }
  .nav li{
  	margin:0 15px;
  }
   .map{
  	left:6%;
  	width:538px;
  	height:470px;
  } 
  .join{
  	top:70%;
  }
  .h90{
  	height:190px;
  }
  .tourist{
  	max-width:60%;
  }
  .contact-jo{
  	width:96%;
  	margin:0 auto;
  }

  .hacm{
  	width:88%;
  	margin:10% auto;
  }
  .middle .icon-mouse{
  	background-size:80%;
  }
  .middle .icon-mouse:hover{
	background-size:80%;
}
  .obox{
  	margin:10% auto;
  }
  .pbuang .pane .maker{
	width:240px;
	height:240px;
  }
  .xhy,.xhx{
	height:240px;

	}
	.market-spe{
		padding:20% 26%!important;
	}
	.cul-other img{
	width:62%!important;
	}
	.pagenav{
		width:500px;
	}
	.anner span{
		font-size:38px;
	}
	.pagenav .n-btn, .appreciate .more{
		font-size:16px;
	}
}
@media(max-width: 1255px){
  .logo img{
  	width:400px;height:53px;
  }
  .nav li{
  	margin:0 12px;
  }
    .contact-jo img{
  	width:100%;
  }
  .pagenav_all{
	display:none;
  }
  .cul-img{
	margin-left:21.2%;
  }
}
@media(max-width: 1200px){
  .logo img{
  	width:330px;height:44px;
  }
  /*.nav{
  	display:none;
  }*/
  .navbar-toggle{
  	display:block;
  	float:right;
  }
  .nav li{
  	margin:0 8px;
  }
  .contact-jo img{
  	width:100%;
  }
  .case-area{
    margin-top:18%;
  }
  .honor-list li{
  	margin:0 1%;
  }
  .honor-list li img{
  	width:100%;
  }
  .resut{
  	width:initial;
  }
  .artBox{
  	width:80%;
  }
  .artBox p{
  	font-size:18px;
  }
  .banner{
	margin:100px auto;
  }
  .tourist p{
	line-height:38px;
  }
  .pagenav .n-btn, .appreciate .more{
	width:50%;
	height:50px;
	line-height:50px;
	font-size:16px;
  }
  .pagenav .us-fl{
	position:absolute;
	left:0;
	width:40%;
}
.pagenav .us-fr{
	position:absolute;
	right:0%;
	width:40%;
}
 	
}
@media(max-width: 990px){
	.zeol{
		text-align:center;
	}
	.asia{
		margin-top:4%;
	}
	.asia h3{
		font-size:22px;
		text-align:center;
	}
	.asia p{
		font-size:18px;
	}
	.app-left{
		text-align:center!important;
	}
	.tourist{
  		max-width:80%;
    }
    .contact-area{
    	margin-top:14%;
    }
    .case-area ul li{
    	width:49.9%;
    }
   .resut img{
   		width:60%;
   }
  
	
}
@media(max-width: 600px){
	.logo{
		margin:20px 12px;
	}
  .logo img{
  	width:275px;height:36px;
  }
  .banner{
  	margin:50px auto;
  }
  .anner span{
  	font-size:16px;
  }
  .pagenav_all{
  	position:static;
  	width:96%;
  	margin:0 auto;
  }
  .pagenav{
  	width:100%;
  }
  .pagenav .n-btn{
  	display:block;
  	margin:10% 0;
  	height:50px;
  	padding-top:2.5%;
  	line-height:10px;
  	font-size:14px;
  }
  .pagenav .n-btn span{
  	 display:block;
  }
  .pagenav .n-btn i{
  	display:none;
  }
  .pagenav .us-fl{
  	float:left;
  }
   .pagenav .us-fr{
  	float:right;
  }
  .middle .icon-mouse{
  	background-size:75%;
  }
  .middle .icon-arrow{
  	background-size:75%;
  }
 .culture{
	width:100%;
	margin-top:10%;
  }
 .cul-img{
	margin-left:18%;
	margin-bottom:3%;
  }
 .mapBox{
	width:480px;
	margin:0 auto;
  }
 .map{
	width:100%;
  }
  .case-area{
    	margin-top:20%;
    }
  .isotope-hover{
  	opacity: 0;
  }
  .artBox p{
  	font-size:15px;
  	line-height:30px;
  }
  .case-area ul li{
    	width:99.9%;
  }
  .hacm h3{
  	font-size:22px;
  }
  .tourist p{
	font-size:18px;
	line-height:34px;
  }
}
@media(max-width: 414px){
	.logo img{
		width:200px;
		height:27px;
	}
	.mapBox{
		width:380px;
		margin:0 auto;
	}
	.map{
		width:100%;
	}
	.origin p{
		font-size:15px;
	}
	.join{
		min-height:320px;
	}
	.aboutTit, .bgz, .aboutTit{
		margin-top:14%;
	}
	.appreciate{
		width:initial;
	}
	.case-area{
    	margin-top:24%;
    }
    .bgz .just{
    	width:80%;
    }
    .honorBox{
    	width:90%;
    }
    .contact-area{
    	margin-top:16%;
    }
    .artBox{
    	width:92%;
    }
    .hacm h3{
  		font-size:17px;
  	}
   .hacm-p p{
   		font-size:14px;
   		line-height:28px;
   }
}
@media(max-width: 375px){
	.mapBox{
		width:350px;
		margin:0 auto;
	}
	.yxy p{
		font-size:14px!important;
	}
	.artBox p{
		font-size:14px;
	}
}
@media(max-width: 320px){
	.mapBox{
		width:310px;
		margin:0 auto;
	}
	.aboutTit, .bgz, .aboutTit{
		margin-top:20%;
	}
}
.mainBox{
	max-width:1280px;
	margin:0 auto;
}
.national{
	background:#d7d7d7;
	position:relative;
	
}
.response{
	padding-left:0;
	padding-right:0;
	
}
.response img,.caseBig img{
	width:100%;
	transition:all ease .8s;
}
.response .respon-img,.caseBig{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.national:hover img,.case-area ul li:hover .caseBig img{
	transform:scale(1.1); -webkit-transform:scale(1.1);-webkit-transition:all ease 0.8s;
}
.n-grand{
	margin-top:37%;
	padding:2.5%;
}
.n-grand span{
	max-height:20px;
	overflow:hidden;
}
.w-grand{
	margin-top:60%;
	text-align:center;
}
.lake{
	float:right;
}
.n-grand strong,.n-grand span,.w-grand strong,.w-grand span{
	display:block;
	color:#000;
	font-weight:normal;
}
.n-grand strong,.w-grand strong{
	font-size:20px;
}
.n-grand span,.w-grand span{
	font-size:14px;
	margin:2% 0;
	font-family:'微软雅黑';
}
.cul-media img{
	width:100%;
}

.f-media{
	width:230px;
	margin:10% auto 1%;
}
footer{
	width:100%;
	padding:35px 0;
	background:#000;
}
.bottom{
	max-width:1280px;
	margin:0 auto;
}
.bottom p{
	line-height:30px;
	font-size:12px;
	color:#fff;
	text-align:center;
}



@media(max-width: 1400px){
  .cul-img img{
	width:90%;	
	}
	.anner{
	bottom:-2%;	
	}
}
@media(max-width: 1200px){
	.responses img{width:100%;}
	.h90{
		height:10px;
	}
	.map{
  	position:initial;
  	margin:10% auto;
	}
   .map{
  	position:initial;
  	margin:10% auto 0;
   }
   .origin{
  	margin:0 auto;
  	max-width:600px;
  	padding:2%;
  	float:none; 	
   }
   .join{
  	position:initial;
  	text-align:center;
   }
   .s-kang{
  	margin:3% auto;
   }
  .join-more{
	position:initial;
	margin-top:0!important;
  }
  .yxy p{
 		font-size:18px;
 		line-height:30px;
  }
  .pagenav .n-btn i{
		margin-right:
	}
}



/*超小屏幕 手机*/
@media(max-width: 768px){
    .btnBox{
		margin-top:6%;
		margin-right:4%;
	}
	.national{
		width:96%;
		margin:0 auto;
	}
	.n-grand,.w-grand{
		margin:6%;
	}
	.n-grand strong, .w-grand strong{
		font-size:16px;
	}
	.nav{
		margin-top:20px;
	}
	.anner{
	 	left:5%;
	 }
	 .anner span{
	 	font-size:20px;
	 }
	 .pagenav_all{
	 	right:2%;
	 	bottom:-18%;
 	}
 	
 	.yxy p{
 		font-size:16px;
 		line-height:30px;
 	}
	
}
/*小屏幕 平板 */
@media(min-width: 768px) and (max-width: 992px){
   .banner{
  		margin-top:130px;
  }
  .btnBox{
		margin-top:4%;
		margin-right:4%;
	}
   .btnBox{
		margin-top:5%;
		margin-right:4%;
	}
	.pagenav_all{
	 	right:2%;
	 	bottom:-18%;
 	}
	 .pagenav{
	 		width:500px;
	 }
	 .anner{
	 	left:5%;
	 }
	 .anner span{
	 	font-size:34px;
	 }
	 .n-grand{
	 	margin-top:24%;
	 }
	 .n-grand strong, .w-grand strong{
	 	font-size:18px;
	 }
	 .n-grand{
		margin:6%;
	}

}
/*中等屏幕 桌面显示器 */
@media(min-width: 992px) and (max-width: 1200px){
	.logo img{
  	width:450px;height:60px;
  }
  .banner{
  	margin-top:150px;
  }
  .btnBox{
	margin-top:5%;
	margin-right:4%;
	}
 .pagenav_all{
 	right:2%;
 	bottom:-12%;
 }
 .pagenav{
 	width:600px;
 }
  .anner{
	 	left:5%;
	 }
  .anner span{
	 	font-size:40px;
	 }
 
}
	

/*大屏幕 大桌面显示器 */
@media(min-width: 1200px){
  .pagenav .n-btn .z-i{
	margin-right:6%;
  }
   .pagenav .n-btn .y-i{
	margin-left:3%;
  }

}